<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>多肉世界——购物车</title>
	<link rel="stylesheet" type="text/css" href="../css/shoppingCar.css"/>
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_758106_4amyjdx62vq.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_757962_6ve2sfnfjsk.css">
	<link rel="shortcut icon"type="image/x-icon" href="../images/logo.png" media="screen" />
	<script src="../js/jquery-1.10.1.min.js"></script>
	<script src="../js/shoppingCart.js"></script>
</head>
<body>
	 <div class="header"><ul>
				<li><a onclick="window.location = '../index.html' ",href:"###">首页</a></li>
				<li><a onclick="window.location = '../Douruoindex.html' ",href:"###">多肉植物</a></li>
				<li><a  href:"javascript:void(0);">购物车</a></li>
				<li><a  onclick="window.location = '../variety.html' ",href:"###">品种百科</a></li>
				<li><a onclick="window.location = '../联系我们.html' ",href:"###">联系我们</a></li>
				<li><i class="iconfont icon-sousuo"></i></li>
			</ul></div>
	<header>
		<div class="headCenter">
			SHOPPING CAR
		</div>
	</header>
	<div class="content">
		<div class="tip">
			<ul>
				<li class="tipBox" id="tipBox1"><i class="iconfont icon-shoppingcart"></i></li>
				<li class="tipBox" id="tipBox2"><i class="iconfont icon-hamburg"></i></li>
				<li class="tipBox" id="tipBox3"><i class="iconfont icon-carrect"></i></li>
				
				<li class="tipIndex">
					<span class="Big">01</span>
					<br>
					<span class="Little">ShoppingCart</span>
				</li>
				<li class="tipIndex">
					<span class="Big">02</span>
					<br>
					<span class="Little">Check out</span>
				</li>
				<li class="tipIndex">
					<span class="Big">03</span>
					<br>
					<span class="Little">Order Complete</span>
				</li>
			</ul>
		</div>
		
		<div class="content1">
		<div style="clear: both;"></div>
		<br>
		<hr>
			<ul class="tableHead">
				<li>PRODUCTS</li>
				<li>NAME</li>
				<li>QTY</li>
				<li>PRICE</li>
				<li>TOTAL PRICE</li>
			</ul>
		<div style="clear: both;"></div>		
		<hr>

		<ul id="tableBody">
			<!-- <li class="listLi">
				<ul class="goodsList">
					<li><a href="detail.html"><img src="../images/shoppingCarImg/cimg1.png" alt=""></a></li>
					<li><span>鹿角海棠</span></li>
					<li>
						<div style="clear: both; margin: 0 auto;">
						<em class="jian"  onclick="changeNum('num_1','minus')">-</em>
						<input type="text" value="2" class="num"  id="num_1" />
						<em class="add"  onclick="changeNum('num_1','add')">+</em>
						</div>
					</li>
					<li>￥<span class="pPrice">14</span></li>
					<li>￥<span class="singleAll"></span></li>
					<div style="clear: both;"></div>		
				</ul>
			</li>
			
			<li class="listLi">
				<ul class="goodsList">
					<li><img src="../images/shoppingCarImg/cimg2.png" alt=""></li>
					<li><span>华丽风车</span></li>
					<li>
						<div style="clear: both; margin: 0 auto;">
						<em class="jian"  onclick="changeNum('num_2','minus')">-</em>
						<input type="text" value="2" class="num"  id="num_2" />
						<em class="add"  onclick="changeNum('num_2','add')">+</em>
						</div>
					</li>
					<li>￥<span class="pPrice">34</span></li>
					<li>￥<span class="singleAll"></span></li>
					<div style="clear: both;"></div>		
				</ul>
			</li>	 -->		
		</ul>
	<div class="btnGro">
		<button id="backToShop"><a href="../Douruoindex.html" style="color: #000;">继续购物</a></button>
		<button id="toTotal">共计：￥<span id="total"></span></button>
		<button id="nextStep">选好了，下一步</button>
	</div>
	</div><!-- end content1 -->

	<div style="clear: both;">
	<div class="content2">
		<h3>选择收货地址：</h3>
		<div class="toAddress">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<i class="iconfont icon-location"></i>
			<span id="toName">李秋</span>
			<span id="toProvince">湖北省</span>
			<span id="toCity">武汉市</span>
			<span id="toTown">洪山区</span>
			<span id="toDetail">武汉科技大学黄家湖校区南苑</span> 
			<span id="toNumber">15071411501</span>
			<a href="javascript:void(0)" >点击更改</a>
		</div>
		<hr>
		<h3>选择支付方式：</h3>
		<div class="zhifuWays">
			<ul>
				<li class="zhifu1"><a href="javascript:void(0)">支付宝</a></li>
				<li class="zhifu2"><a href="javascript:void(0)">微信</a></li>
				<li class="zhifu3"><a href="javascript:void(0)">货到付款</a></li>
			</ul>
		</div>
		<button id="lastStep">选好了，下一步</button>
	</div>
		
	<div class="content3">
		<div class="endPayTip"></div>
		<a href="../Douruoindex.html">购买成功啦，点击返回多肉世界~</a>
	</div>
	</div>
	<div class="footer">
		<div class="weibu">
			<div class="wb">
				<span>企业中心</span><br><br>
				<span1>企业合作</span1><br>
				<span1>合作伙伴</span1><br>
				<span1>团队介绍</span1>
			</div>
			<div class="wb">
				<span>产品中心</span><br><br>
				<span1>多肉植物</span1><br>
				<span1>水生植物</span1><br>
				<span1>种植材料</span1>
			</div>
			<div class="wb">
				<span>关于我们</span><br><br>
				<span1>设计中心</span1><br>
				<span1>帮助中心</span1><br>
			</div>
			<div class="wb">
				<span>联系方式</span><br><br>
				<span1>8384868</span1><br>				
			</div>
		</div>
	</div>
</body>
</html>